<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<meta name="author" content="xiaojiangK" />
		<meta name="email" content="740092856@qq.com" />
		<meta name="gitee" content="https://gitee.com/xiaojiangk/" />
		<meta name="viewport" content="width=1200, initial-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="images/css/admin.min.css" />
		<link rel="shortcut icon" href="images/logo.png" type="image/x-icon" />
		<title>admin-navmenu</title>
	</head>
	<body>
		<div class="demo-main">
			<div class="admim-title">
				<h2>NavMenu 左侧导航</h2>
				<p>常用的后台左侧导航，复制以下代码修改成自己的信息</p>
			</div>
			<div class="item">
				<div class="title">
					<h3>基础用法</h3>
					<p>默认激活则添加"active"类在A标签上。注意：默认只支持一个</p>
				</div>
				<div class="content nav">
					<!-- qx-NavMenu start -->
					<div class="qx-navmenu">
						<div id="side-nav">
							<ul id="nav">
								<li>
									<a href="javascript:;">
										<i class="iconfont icon-adjust" title="Basic"></i>
										<span class="right">
											<span>Basic</span>
											<i class="iconfont icon-arrowright"></i>
										</span>
									</a>
									<ul class="sub-menu">
										<li>
											<a data-href="./color.html" class="active">
												<i class="iconfont icon-adjust"></i>
												<span>Color 色彩</span>
											</a>
										</li>
										<li>
											<a data-href="./icon.html">
												<i class="iconfont icon-adjust"></i>
												<span>Icon 图标</span>
											</a>
										</li>
										<li>
											<a data-href="./button.html">
												<i class="iconfont icon-adjust"></i>
												<span>Button 按钮</span>
											</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="javascript:;">
										<i class="iconfont icon-form" title="Form"></i>
										<span class="right">
											<span>Form</span>
											<i class="iconfont icon-arrowright"></i>
										</span>
									</a>
									<ul class="sub-menu">
										<li>
											<a data-href="./radio.html">
												<i class="iconfont icon-form"></i>
												<span>Radio 单选框</span>
											</a>
										</li>
										<li>
											<a data-href="./checkbox.html">
												<i class="iconfont icon-form"></i>
												<span>Checkbox 多选框</span>
											</a>
										</li>
										<li>
											<a data-href="./input.html">
												<i class="iconfont icon-form"></i>
												<span>Input 输入框</span>
											</a>
										</li>
										<li>
											<a data-href="./select.html">
												<i class="iconfont icon-form"></i>
												<span>Select 选择器</span>
											</a>
										</li>
										<li>
											<a data-href="./cascader.html">
												<i class="iconfont icon-form"></i>
												<span>Cascader 级联选择器</span>
											</a>
										</li>
										<li>
											<a data-href="./switch.html">
												<i class="iconfont icon-form"></i>
												<span>Switch 开关</span>
											</a>
										</li>
										<li>
											<a data-href="./time-picker.html">
												<i class="iconfont icon-form"></i>
												<span>TimePicker 时间</span>
											</a>
										</li>
										<li>
											<a data-href="./date-picker.html">
												<i class="iconfont icon-form"></i>
												<span>DatePicker 日期</span>
											</a>
										</li>
										<li>
											<a data-href="./datetime-picker.html">
												<i class="iconfont icon-form"></i>
												<span>DateTimePicker</span>
											</a>
										</li>
										<li>
											<a data-href="./upload.html">
												<i class="iconfont icon-form"></i>
												<span>Upload 上传</span>
											</a>
										</li>
										<li>
											<a data-href="./form.html">
												<i class="iconfont icon-form"></i>
												<span>Form 表单</span>
											</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="javascript:;">
										<i class="iconfont icon-data" title="Form"></i>
										<span class="right">
											<span>Data</span>
											<i class="iconfont icon-arrowright"></i>
										</span>
									</a>
									<ul class="sub-menu">
										<li>
											<a data-href="./table.html">
												<i class="iconfont icon-data"></i>
												<span>Table 表格</span>
											</a>
										</li>
										<li>
											<a data-href="./data-header.html">
												<i class="iconfont icon-data"></i>
												<span>Data 表头</span>
											</a>
										</li>
										<li>
											<a data-href="./probably.html">
												<i class="iconfont icon-data"></i>
												<span>Data 数据统计</span>
											</a>
										</li>
										<li>
											<a data-href="./collapse.html">
												<i class="iconfont icon-data"></i>
												<span>Collapse 折叠</span>
											</a>
										</li>
										<li>
											<a data-href="./pagination.html">
												<i class="iconfont icon-data"></i>
												<span>Pagination 分页</span>
											</a>
										</li>
										<li>
											<a data-href="./table-page.html">
												<i class="iconfont icon-data"></i>
												<span>table-page 组合</span>
											</a>
										</li>
										<li>
											<a data-href="./avatar.html">
												<i class="iconfont icon-data"></i>
												<span>Avatar 头像</span>
											</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="javascript:;">
										<i class="iconfont icon-notice" title="Form"></i>
										<span class="right">
											<span>Notice</span>
											<i class="iconfont icon-arrowright"></i>
										</span>
									</a>
									<ul class="sub-menu">
										<li>
											<a data-href="./message.html">
												<i class="iconfont icon-notice"></i>
												<span>Message 消息提示</span>
											</a>
										</li>
										<li>
											<a data-href="./message-box.html">
												<i class="iconfont icon-notice"></i>
												<span>MessageBox 弹框</span>
											</a>
										</li>
										<li>
											<a data-href="./tooltip.html">
												<i class="iconfont icon-notice"></i>
												<span>tooltip 提示工具</span>
											</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="javascript:;">
										<i class="iconfont icon-navigation" title="Form"></i>
										<span class="right">
											<span>Navigation</span>
											<i class="iconfont icon-arrowright"></i>
										</span>
									</a>
									<ul class="sub-menu">
										<li>
											<a data-href="./navmenu.html">
												<i class="iconfont icon-navigation"></i>
												<span>NavMenu 导航菜单</span>
											</a>
										</li>
										<li>
											<a data-href="./tabs.html">
												<i class="iconfont icon-navigation"></i>
												<span>Tabs 标签页</span>
											</a>
										</li>
										<li>
											<a data-href="./breadcrumb.html">
												<i class="iconfont icon-navigation"></i>
												<span>Breadcrumb 面包屑</span>
											</a>
										</li>
										<li>
											<a data-href="./topmenu.html">
												<i class="iconfont icon-navigation"></i>
												<span>Topmenu 页头</span>
											</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="javascript:;">
										<i class="iconfont icon-others" title="Form"></i>
										<span class="right">
											<span>Others</span>
											<i class="iconfont icon-arrowright"></i>
										</span>
									</a>
									<ul class="sub-menu">
										<li>
											<a data-href="./layer.html">
												<i class="iconfont icon-others"></i>
												<span>Layer 弹层</span>
											</a>
										</li>
										<li>
											<a data-href="./login.html">
												<i class="iconfont icon-others"></i>
												<span>Login 登录页</span>
											</a>
										</li>
										<li>
											<a data-href="./no-access.html">
												<i class="iconfont icon-others"></i>
												<span>无权限提示页</span>
											</a>
										</li>
										<li>
											<a data-href="./copyright.html">
												<i class="iconfont icon-others"></i>
												<span>版权信息页</span>
											</a>
										</li>
										<li>
											<a data-href="./template.html">
												<i class="iconfont icon-others"></i>
												<span>Template 模板页</span>
											</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
					<!-- qx-NavMenu end -->
				</div>
			</div>
		</div>

		<script src="images/js/jquery.min.js"></script>
		<script src="images/js/admin.min.js"></script>
	</body>
</html>
